<template>
	<view class="sexName">
		<text class="name">
			{{props.name}}
		</text>
		<image v-if="props.sex == 1" class="sexImg" src="../../static/icons/man.png" mode="widthFix"></image>
		<image v-if="props.sex == 0" class="sexImg" src="../../static/icons/woman.png" mode="widthFix"></image>
	</view>
</template>

<script lang="ts" setup>
	const props = defineProps(["sex","name"])
	
</script>

<style>
.sexName{
	display: flex;
	align-items: center;
}
.sexImg{
	width: 2vw;
	margin-left: 0.5vw;
}
</style>